<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文混排4</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_mix{
         background-color: var(--c_b_dark);
      }
      .imgText_mix_cnt{
         display: flex;
         flex-wrap: wrap;
      }
      .imgText_mix_img,
      .imgText_mix_text{
         flex: 0 0 50%;
         max-width: 50%;
      }
      .imgText_mix_img{
         order: 1;
      }
      .imgText_mix_text{
         order: 0;
         padding-top: 9%;
      }
      .imgText_mix_img{
         display: flex;
         flex-direction: column;
         padding: 0 4.15%;
      }
      .imgText_mix_img p{
         width: 90%;
         margin: auto;
         font-size: 48px;
         line-height: 72px;
         color:var(--c_b_nav);
      }
      .imgText_mix_img img{
         margin-top: 30px;
         width: 100%;
      }
      .imgText_mix_text h3{
         font-size: var(--f_subtitle_contact);
         line-height: var(--l_subtitle_contact);
         color: var(--c_theme);
      }
      .imgText_mix_text p{
         padding-top: 10px;
         font-size: var(--f_describe);
         line-height: var(--l_describe);
         color:var(--c_b_nav);
      }
      @media (max-width:768px) {
         .imgText_mix_img p{
            font-size: 24px;
            line-height: 36px;
         }
         .imgText_mix_img img{
            margin-top: 15px;
         }
         .imgText_mix_img,
         .imgText_mix_text{
            flex: 0 0 100%;
            max-width: 100%;
         }
         .imgText_mix_text{
            padding-top: 0;
            padding-bottom: 4.5%;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_mix modular">
      <div class="public_width">
         <div class="public_title">
            <h2>服务范围</h2>
            <p>Our Service</p>
         </div>
         <div class="imgText_mix_cnt">
            <div class="imgText_mix_img">
               <p>- Our Service</p>
               <img src="https://22457942.s61i.faiusr.com/2/AD0I1tzaChACGAAg-6yh8wUo1r7cuAIw9wM45wE.jpg.webp" alt="">
            </div>
            <div class="imgText_mix_text">
               <h3>多年专注印刷包装设计</h3>
               <p>目前已有印刷团队两百余人，设计超过上百个行业，服务超过上千家公司企业，集创意，设计，包装成品于一体，拥有多台对开印刷机，胶装机，折页机，锁线机，切纸机，等配套生产设备，完善的售前售后服务集创意，设计，包装成品于一体，拥有多台对开印刷机，胶装机，折页机，锁线机，切纸机，等配套生产设备...</p>
            </div>
         </div>
      </div>
   </div>
</body>

</html>